@import "header.html"
<link rel="stylesheet" href="../css/landlord_steward.css">
<body>
<header class="fxj-header">
    <back></back>
    <h1 class="fxj-title">选择保洁房源</h1>
</header>
<main id="main">
    <div class="title">请选择需要保洁服务的房源</div>
    <ul class="house-list">
        <li class="house" v-for="(house, i) of houseList" @click="select(house)">
            <svg class="icon">
                <use v-if="house.aid === selectedHouse" class="highlight" xlink:href="#icon-checkbox1"></use>
                <use v-else xlink:href="#icon-checkbox"></use>
            </svg>
            <div class="house-detail">
                <div class="h1" v-text="house.address_detail"></div>
                <div class="detail">
                    <img :src="house.img">
                    <div class="house-des">
                        <span class="house-title" v-text="house.title"></span>
                    </div>
                </div>
            </div>
        </li>
    </ul>
    <button class="next" onclick="next()">下一步</button>
</main>

@import "js.html"
<script src="../script/landlord_steward.js"></script>
</body>
@import "footer.html"